<template>
  <div>
    <div>ChildTwo</div>
    <div @click="changeCount">count:{{ count }}</div>
    <div @click="changeCount_1">changeCount_1:{{ count_1 }}</div>
    <!-- <div @click="onChangeMsg">parent:{{msg}}</div> -->
  </div>
</template>

<script>
import { effect, ref } from "vue";
export default {
  setup() {
    const count = ref(0);
    const count_1 = ref(0);
    const changeCount = () => {
      count.value++;
    };
    const changeCount_1 = () => {
      count_1.value++;
    };
    effect(()=>{
      console.log('effect-count.value',count.value)
    })
    return {
      count,
      changeCount,
      changeCount_1,
      count_1
    };
  },
};
</script>

<style>
</style>